Skip to content

Added CSS translateZ() transform function documentation #7466

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

Tukesh1
Copy link

@Tukesh1 Tukesh1 commented Aug 12, 2025

Description

Added a new term entry for the CSS translateZ() transform function. This entry includes:

  • Comprehensive documentation explaining how translateZ() moves elements along the Z-axis in 3D space
  • Proper syntax section with parameter details
  • Two practical examples showing positive and negative Z-axis movement
  • Important note about percentage values not being supported for Z-axis transformations

Issue Solved

Closes #7463

Type of Change

  • Adding a new entry
  • Editing an existing entry (fixing a typo, bug, issues, etc)
  • Updating the documentation

Checklist

  • All writings are my own.
  • My entry follows the Codecademy Docs style guide.
  • My changes generate no new warnings.
  • I have performed a self-review of my own writing and code.
  • I have checked my entry and corrected any misspellings.
  • I have made corresponding changes to the documentation if needed.
  • I have confirmed my changes are not being pushed from my forked main branch.
  • I have confirmed that I'm pushing from a new branch named after the changes I'm making.
  • I have linked any issues that are relevant to this PR in the Issues Solved section.

@mamtawardhani mamtawardhani self-assigned this Aug 13, 2025
@mamtawardhani mamtawardhani added css CSS entries new entry New entry or entries status: under review Issue or PR is currently being reviewed labels Aug 13, 2025
Copy link
Collaborator

@mamtawardhani mamtawardhani left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hey @Tukesh1, can you add actual css examples where translateZ() can be shown? You can also add its equivalent HTML code and please put the output images in the media folder in docs.
Let me know once you make the changes. 😄

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Term Entry] CSS Transform function: translateZ()
2 participants